<template>
    <div class="w5 container-align">
        <img class="w51" src="../assets/img/7.png" />
        <img class="w52" src="../assets/img/36.png" />
    </div>
</template>

<script>
export default {
    name: "CustomerService"
}
</script>

<style lang="scss">
.w5{
    width: 200px;
    height: 147px;
    position: fixed;
    right: 0;
    top: 500px;

    &:hover{
        .w51{
            left: 0;
        }
    }
    .w52{
        height: 147px;
        width: 48px;
    }
    .w51{
        height: 147px;
        width: 147px;
        margin-right: 2px;
        position: relative;
        left: 200px;
        transition: left 0.3s;
    }
}
</style>